import React, { Component } from 'react'

export default class Child extends Component {
    state = {
        // userList: [
        //     {
        //         id: "001",
        //         name: "李四",
        //         age: 19
        //     },
        //     {
        //         id: "002",
        //         name: "王五",
        //         age: 20
        //     },
        //     {
        //         id: "003",
        //         name: "张三",
        //         age: 21
        //     },
        // ]
        userList:"abc"
    }
    render() {
        return (
            <div style={{ "border": '1px solid #ddd', "padding": "20px" }}>
                <h2>我的Childrend组件</h2>
                <ul>
                    {
                        this.state.userList.map(item => (
                            <li key={item.id}>{item.name} - {item.age}</li>
                        ))
                    }
                </ul>
            </div>
        )
    }
}
